<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">

                    <!-- 数据表格 -->
                    <div class="table-responsive">
                        <!-- 展示各个平台总人数和四个平台总人数 -->
                        <table class="table table-striped b-t b-light text-center sort" >
                            <thead>
                            <tr>
                                <th>总人数</th>
                                <th>金融总人数</th>
                                <th>智仟汇总人数</th>
                                <th>铃铛总人数</th>
                                <th>老板娘总人数</th>
                                <th>金融和智仟汇总人数</th>
                                <th>四个平台都注册总人数</th>
                            </tr>
                            </thead>
                            <tbody id="platformCountBeanList">
                            <tr ng-repeat="item in platformCountBeanList">
                                <td class="v-middle">{{item.platformCount}}</td>
                                <td class="v-middle">{{item.lbjrCount}}</td>
                                <td class="v-middle">{{item.zqhCount}}</td>
                                <td class="v-middle">{{item.ldCount}}</td>
                                <td class="v-middle">{{item.lbnCount}}</td>
                                <td class="v-middle">{{item.jrAndzqhCount}}</td>
                                <td class="v-middle">{{item.registerPlatCount}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div><!-- /.table-responsive --></br></br></br>

                    <!-- 数据表格 -->
                    <div class="table-responsive">
                        <!-- 展示驿站精选统计数 -->
                        <table class="table table-striped b-t b-light text-center sort" >
                            <thead>
                            <tr>
                                <th>驿站精选文章总量</th>
                                <th>驿站精选总帖子数</th>
                                <th>驿站精选帖子总阅读数</th>
                                <th>驿站精选单个帖子最大阅读数</th>
                                <th>驿站精选月均发文量</th>
                                <th>驿站精选日均发文量</th>
                                <th>驿站精选单篇文章最大阅读数</th>
                            </tr>
                            </thead>
                            <tbody id="CourierStationCountBeanList">
                            <tr ng-repeat="item in CourierStationCountBeanList">
                                <td class="v-middle">{{item.csArticleCount}}</td>
                                <td class="v-middle">{{item.csPostCount}}</td>
                                <td class="v-middle">{{item.csAllPostReadCount}}</td>
                                <td class="v-middle">{{item.csOnePostReadCount}}</td>
                                <td class="v-middle">{{item.csMonthCount}}</td>
                                <td class="v-middle">{{item.csDayCount}}</td>
                                <td class="v-middle">{{item.csOneArticleReadCount}}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div><!-- /.table-responsive --></br></br></br>

                   <!-- 数据表格 -->
                   <div class="table-responsive">
                       <!-- 展示帖子火热程度 -->
                       <table class="table table-striped b-t b-light text-center sort" >
                           <thead>
                           <tr>
                               <th>帖子类型</th>
                               <th>标题</th>
                               <th>内容</th>
                               <th>详情</th>
                           </tr>
                           </thead>
                           <tbody id="firePostCountBeanList">
                           <tr ng-repeat="item in firePostCountBeanList">
                               <td class="v-middle">{{item.postType}}</td>
                               <td class="v-middle">{{item.messageTitle}}</td>
                               <td class="v-middle">{{item.messageComments}}</td>
                               <td class="v-middle">{{item.messageDetail}}</td>
                           </tr>
                           </tbody>
                       </table>
                   </div><!-- /.table-responsive -->

        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->

</div><!-- /.wrapper-md -->

<style>
    .cover {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 2000;
        top: 0;
        left: 0;
        /* display: none; */
    }

    .firstApplyWrap{
        width: 550px;
        height:280px;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        border-radius: 5px;
        overflow: hidden;
    }
    .firstApplyWrap .title{
        font-size: 18px;
        color:#333;
        padding:18px 86px 0 130px;
        text-align: center;
        line-height: 2em;
    }
    .firstApplyWrap .closeBtn,.finishData .closeBtn{
        font-size: 30px;
        padding:5px 20px 0 0;
        border-radius: 50%;
        color: #ccc;
        float: right;
        cursor: pointer;
    }
    .finishData .closeBtn{
        position: absolute;
        top:10px;
        right:10px;
    }
    .firstApplyWrap .bkgIcon{
        position: absolute;
        left: 54px;
        top:87px;
        font-size: 50px;
        color:#FFB136;
    }
    .firstApplyWrap .applyBtnWrap{
        position: absolute;
        bottom: -2px;
        width: 100%;
    }
    .firstApplyWrap .applyBtn{
        width: 50%;
        height:70px;
        line-height: 70px;
        background: #FFB135;
        font-size: 20px;
        text-align: center;
        color:#fff;
        cursor: pointer;
        float:left;
    }
    .firstApplyWrap .applyBtn:last-child{
        background: #5796FC;
    }


    .switch{
        display:none;
    }
    .switchlabel{
        position:relative;
        display: block;
        padding: 1px;
        border-radius: 24px;
        height: 22px;
        margin-bottom: 15px;
        background-color: #eee;
        cursor: pointer;
        vertical-align: top;
        -webkit-user-select: none;
    }
    .switchlabel:before{
        content: '';
        display: block;
        border-radius: 24px;
        height: 22px;
        background-color: #BFBFBF;
        -webkit-transform: scale(1, 1);
        -webkit-transition: all 0.3s ease;
    }
    .switchlabel:after{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        border-radius: 22px;
        background-color: white;
        box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.08);
        -webkit-transform: translateX(-9px);
        -webkit-transition: all 0.3s ease;
    }
    .switch:checked~label:after{
        -webkit-transform: translateX(9px);
    }
    .switch:checked~label:before{
        background-color:green;
    }
</style>